<!--<%@ page contentType="text/html;charset=UTF-8" language="java" %>-->

<html lang="en">

<head>
	<title>安家房价综合服务</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<meta name="keywords" content="" />
	<script type="application/x-javascript">
	addEventListener("load", function () {
		setTimeout(hideURLbar, 0);
	}, false);

	function hideURLbar() {
		window.scrollTo(0, 1);
	}
</script>
	<!-- bootstrap-css -->
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<!--// bootstrap-css -->
	<!-- css -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<!--// css -->
	<link rel="stylesheet" href="css/owl.carousel.css" type="text/css" media="all">
	<!-- font-awesome icons -->
	<link href="css/font-awesome.css" rel="stylesheet">
	<!-- //font-awesome icons -->
	<!-- font -->
	<link href="http://fonts.googleapis.com/css?family=Montserrat:200,200i,300,400,400i,500,600,700" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i"
		rel="stylesheet">
	<!-- //font -->

	<!-- light-box -->
	<link rel="stylesheet" href="css/poposlides.css">
	<!-- //light-box -->
	<!-- <script src="js/jquery-3.2.1.min.js"></script> -->
</head>

<body>
	<div class="main_agileits" id="page">
		<div class="agile_wthree_nav">
			<nav class="navbar navbar-default">
				<div class="navbar-header navbar-left">

					<h1><a class="navbar-brand" href="admin_sign.jsp"><span><img src="images/logo.png"
									style="height: 50px;width: 50px;"></span>安家</a></h1>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->

				<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
					<nav class="link-effect-8" id="link-effect-8">
						<ul class="nav navbar-nav">

							<li><a href="#serve">服务</a></li>
							<li><a href="function.html">功能概述</a></li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">帮助<b class="caret"></b></a>
								<ul class="dropdown-menu agile_short_dropdown">
									<li><a href="help.html">使用管理</a></li>
									<li><a href="help.html">页面指导</a></li>
									<li><a href="help.html">操作帮助</a></li>
								</ul>
							</li>
							<li><a href="#team">成员简介</a></li>
						</ul>
					</nav>
				</div>
				<div class="agile_search">
					<!-- cd-search -->
					<div class="cd-main-header">
						<ul class="cd-header-buttons">
							<li><a href="sign.jsp"><img src="images/sign.png" style="height: 50px;width: 50px;"></a>
							</li>
						</ul>
						<!-- cd-header-buttons -->
					</div>

					<!-- //cd-search -->

				</div>
			</nav>

		</div>

		</nav>
		<div class="s1">
			<h3>安家房价综合服务平台</h3>
			<p> 安家，你值得拥有得提供房源信息的小帮手</p>
			<div class="w3-button">
				<div class="w3ls-button">
					<a href="function.html" class="hvr-shutter-out-vertical">了解更多</a>
				</div>
				<div class="w3l-button">
					<a href="#portfolio" class="hvr-shutter-out-vertical scroll ">房源展示</a>
				</div>
				<div class="clearfix"> </div>
			</div>

		</div>

		<div class="slides-box">
			<ul class="slides">
				<li style="background: url(images/banner.jpg) center">
				</li>
				<li style="background: url(images/banner1.jpg)center"></li>
				<li style="background: url(images/banner3.jpg) center"></li>
				<li style="background: url(images/banner2.jpg)center"></li>
				<li style="background: url(images/banner1.jpg)center"></li>
			</ul>
		</div>
	</div>
	<!-- /banner_bottom_w3ls_agile -->
	<div class="banner_bottom_w3ls_agile">
		<div class="banner_bottom_w3ls_info">
			<h2 class="agile_heading">实时了解房价动态信息的平台</h2>
			<p>我们通过综合网络信息给您提供最精准的房价动态信息，叫您足不出户就可以把握最新房价信息</p>
			<div class="agileits-button">
				<a href="function.html" class="read hvr-shutter-out-vertical">了解更多</a>
			</div>
		</div>
	</div>
	<!-- //banner_bottom_w3ls_agile -->
	<!-- /services -->
	<div class="agile_services">
		<div class="col-md-6 agile_services_img_wthree">
		</div>
		<div class="col-md-6 agile_inner_grids">
			<h3 class="agile_heading two" id="serve">综合服务</h3>
			<div class="w3ls-markets-grid_top">
				<div class="col-md-6 w3ls-markets-grid">
					<div class="agileits-icon-grid">
						<div class="icon-left">
							<i class="fa fa-laptop" aria-hidden="true"></i>
						</div>
						<div class="icon-right">
							<a href="indexSurvey">
								<h5>房价总览</h5>
							</a>
							<p>您可以了解到我们收录的所有房价信息..</p>
						</div>
						<div class="clearfix"> </div>

					</div>
				</div>
				<div class="col-md-6 w3ls-markets-grid">
					<div class="agileits-icon-grid">
						<div class="icon-left">
							<i class="fa fa-pencil" aria-hidden="true"></i>
						</div>
						<div class="icon-right">
							<a href="indexSurvey">
								<h5>房价预测</h5>
							</a>
							<p>您可以了解我们对未来十二个月的房价信息..</p>
						</div>
						<div class="clearfix"> </div>

					</div>
				</div>
				<div class="col-md-6 w3ls-markets-grid">
					<div class="agileits-icon-grid">
						<div class="icon-left">
							<i class="fa fa-pied-piper" aria-hidden="true"></i>
						</div>
						<div class="icon-right">
							<a href="indexSurvey">
								<h5> 住房推荐 </h5>
							</a>
							<p>我们需要根据您的信息进行房源推荐..</p>
						</div>
						<div class="clearfix"> </div>

					</div>
				</div>
				<div class="col-md-6 w3ls-markets-grid">
					<div class="agileits-icon-grid">
						<div class="icon-left">
							<i class="fa fa-camera-retro" aria-hidden="true"></i>
						</div>
						<div class="icon-right">
							<a href="indexSurvey">
								<h5>寻找房源</h5>
							</a>
							<p>您可以将您的要求反馈给我们..</p>
						</div>
						<div class="clearfix"> </div>

					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<div class="clearfix"> </div>
	</div>
	<!-- //services -->
	<div class="portfolio-agileinfo" id="portfolio">
		<h3 class="agile_heading">房源展示</h3>
		<p class="sub_cap">您可以通过以下样板展示选择您喜欢的房源信息</p>
		<div class="agile_inner_info">
			<div class="agile_port_w3ls_info">
				<div class="col-md-6 portfolio-grids_left">
					<div class="col-md-6 portfolio-grids" data-aos="zoom-in">
						<a href="images/webp.jpg" class="b-link-stripe b-animate-go lightninBox" data-lb-group="1">
							<img src="images/webp.jpg" class="img-responsive" alt="w3ls" />
							<div class="b-wrapper two">
								<i class="fa fa-magic" aria-hidden="true"></i>

							</div>
						</a>
					</div>
					<div class="col-md-6 portfolio-grids" data-aos="zoom-in">
						<a href="images/home2.jpg" class="b-link-stripe b-animate-go lightninBox" data-lb-group="1">
							<img src="images/home2.jpg" class="img-responsive" alt="w3ls" />
							<div class="b-wrapper">
								<i class="fa fa-magic" aria-hidden="true"></i>

							</div>
						</a>
					</div>
					<div class="col-md-6 portfolio-grids" data-aos="zoom-in">
						<a href="images/home3.jpg" class="b-link-stripe b-animate-go lightninBox" data-lb-group="1">
							<img src="images/home3.jpg" class="img-responsive" alt="w3ls" />
							<div class="b-wrapper">
								<i class="fa fa-magic" aria-hidden="true"></i>

							</div>
						</a>
					</div>
				</div>
			</div>
			<div class="col-md-6 portfolio-grids_left">
				<div class="col-md-6 portfolio-grids" data-aos="zoom-in">
					<a href="images/home8.jpg" class="b-link-stripe b-animate-go lightninBox" data-lb-group="1">
						<img src="images/home8.jpg" class="img-responsive" alt="w3ls" />
						<div class="b-wrapper two">
							<i class="fa fa-magic" aria-hidden="true"></i>

						</div>
					</a>
				</div>
				<div class="col-md-6 portfolio-grids" data-aos="zoom-in">
					<a href="images/home5.jpg" class="b-link-stripe b-animate-go lightninBox" data-lb-group="1">
						<img src="images/home5.jpg" class="img-responsive" alt="w3ls" />
						<div class="b-wrapper">
							<i class="fa fa-magic" aria-hidden="true"></i>

						</div>
					</a>
				</div>
				<div class="col-md-6 portfolio-grids" data-aos="zoom-in">
					<a href="images/home6.jpg" class="b-link-stripe b-animate-go lightninBox" data-lb-group="1">
						<img src="images/home6.jpg" class="img-responsive" alt="w3ls" />
						<div class="b-wrapper">
							<i class="fa fa-magic" aria-hidden="true"></i>

						</div>
					</a>
				</div>
			</div>
		</div>
		<div class="clearfix"> </div>
	</div>
	</div>
	</div>
	<!-- stats -->
	<div class="stats" id="stats">
		<div class="container">
			<div class="agile_inner_info_stats">
				<div class="col-md-3 w3layouts_stats_left w3_counter_grid">
					<i class="fa fa-laptop" aria-hidden="true"></i>
					<p class="counter">10</p>
					<h3>拥有历年房价</h3>
				</div>
				<div class="col-md-3 w3layouts_stats_left w3_counter_grid1">
					<i class="fa fa-smile-o" aria-hidden="true"></i>
					<p class="counter">12</p>
					<h3>可预测月数</h3>
				</div>
				<div class="col-md-3 w3layouts_stats_left w3_counter_grid2">
					<i class="fa fa-trophy" aria-hidden="true"></i>
					<p class="counter">563</p>
					<h3>可推荐房源</h3>
				</div>
				<div class="col-md-3 w3layouts_stats_left w3_counter_grid3">
					<i class="fa fa-user" aria-hidden="true"></i>
					<p class="counter" id="times">0</p>
					<h3>浏览网站人数</h3>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- //stats -->
	<!-- /services -->
	<div class="featured_services" id="help">
		<div class="container">
			<h3 class="agile_heading">帮助中心</h3>
			<p class="sub_cap">您可以通过这里去了解网站各部分的功能以及了解如何操作</p>
			<div class="agile_inner_info">
				<div class="col-md-4 w3_agile_services_grid">
					<div class="agile_services_grid">
						<div class="hover06 column">
							<div>
								<figure><img src="images/g2.jpg" alt=" " class="img-responsive"></figure>
							</div>
						</div>
						<div class="agile_services_grid_pos">
							<i class="fa fa-cubes" aria-hidden="true"></i>
						</div>
					</div>
					<h4>使用管理</h4>
					<p>
						您可以通过此处去了解我们的网站如何操作..
					</p>
				</div>
				<div class="col-md-4 w3_agile_services_grid">
					<div class="agile_services_grid">
						<div class="hover06 column">
							<div>
								<figure><img src="images/g3.jpg" alt=" " class="img-responsive"></figure>
							</div>
						</div>
						<div class="agile_services_grid_pos">
							<i class="fa fa-line-chart" aria-hidden="true"></i>
						</div>
					</div>
					<h4>页面指导</h4>
					<p>您可以通过此处去来了解我们网站实现了什么功能..
					</p>
				</div>
				<div class="col-md-4 w3_agile_services_grid">
					<div class="agile_services_grid">
						<div class="hover06 column">
							<div>
								<figure><img src="images/g6.jpg" alt=" " class="img-responsive"></figure>
							</div>
						</div>
						<div class="agile_services_grid_pos">
							<i class="fa fa-cog" aria-hidden="true"></i>
						</div>
					</div>
					<h4>操作帮助</h4>
					<p>您可以通过此处对我们的网站进行更深层次的了解..
					</p>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- //services -->
	<!-- /testimonials-->
	<div class="agile_testimonials" id="team">
		<div class="col-md-6 testmonial_agile_info">
			<h3 class="agile_heading two">成员简介</h3>
			<p>在此处您可以了解到我们网站搭建与维护人员的一些信息..</p>

		</div>
		<div class="col-md-6 clients_agile_slider">
			<div id="owl-demo" class="owl-carousel owl-theme">
				<div class="item">
					<div class="agile_tesimonials_content">
						<div class="about-midd-main">
							<img class="agile-img" src="images/t1.png" alt=" " class="img-responsive">
							<h4>梁鑫</h4>
							<p> 项目组长..</p>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="agile_tesimonials_content">
						<div class="about-midd-main">
							<img class="agile-img" src="images/t2.png" alt=" " class="img-responsive">
							<h4> 苏玉璠</h4>
							<p> 产品经理..</p>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="agile_tesimonials_content">
						<div class="about-midd-main">
							<img class="agile-img" src="images/t3.png" alt=" " class="img-responsive">
							<h4>马奥瑜</h4>
							<p> 技术经理..</p>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="agile_tesimonials_content">
						<div class="about-midd-main">
							<img class="agile-img" src="images/t5.png" alt=" " class="img-responsive">
							<h4>李妍</h4>
							<p> 研发人员.</p>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="agile_tesimonials_content">
						<div class="about-midd-main">
							<img class="agile-img" src="images/t4.png" alt=" " class="img-responsive">
							<h4>李铭禹</h4>
							<p> 维护人员..</p>
						</div>
					</div>
				</div>

			</div>
			<div class="clearfix"> </div>
		</div>
		<div class="clearfix"> </div>
	</div>
	<!-- //testimonials-->
	<!-- footer -->
	<div class="footer">
		<div class="container">



			<p>Copyright &copy; 2020.西安科技大学.</p>
		</div>
	</div>
	<!-- //footer -->
	<script src="js/jquery-2.1.4.min.js"></script>
	<script src="js/search.js"></script>
	<script src="js/poposlides.js">
	</script>
	<script>
		$(".slides").poposlides();
	</script>
	<!-- js for portfolio lightbox -->
	<script src="js/jquery.chocolat.js "></script>
	<link rel="stylesheet " href="css/chocolat.css " type="text/css " media="screen ">
	<!--light-box-files -->
	<script type="text/javascript ">
	$(function () {
		$('.portfolio-grids a').Chocolat();
	});
</script>
	<!-- /js for portfolio lightbox -->
	<!-- stats -->
	<script src="js/jquery.waypoints.min.js"></script>
	<script src="js/jquery.countup.js"></script>
	<script>
		$('.counter').countUp();
	</script>
	<!-- //stats -->
	<!-- start-smooth-scrolling -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({
					scrollTop: $(this.hash).offset().top
				}, 1000);
			});
		});
	</script>
	<!-- start-smooth-scrolling -->
	<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function () {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/

			$().UItoTop({
				easingType: 'easeOutQuart'
			});

		});
	</script>
	<!-- //here ends scrolling icon -->


	<!-- carousel -->
	<script src="js/owl.carousel.js"></script>
	<script>
		$(document).ready(function () {
			$("#owl-demo").owlCarousel({
				items: 1,
				itemsDesktop: [768, 1],
				itemsDesktopSmall: [414, 1],
				lazyLoad: true,
				autoPlay: true,
				navigation: true,

				navigationText: false,
				pagination: true,

			});

		});
	</script>
	<!-- //carousel -->
	<script src="js/bootstrap.js"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			if (localStorage.pagecount) {
				localStorage.pagecount = Number(localStorage.pagecount) + 1;
			} else {
				localStorage.pagecount = 1;
			}
			var times = localStorage.pagecount;
			// documem.queryselector('#yourdom').textcontent = yourvariable;
			// $("p.times").append(times)
			var time = $("p#times").text()
			$("p#times").html(parseInt(time) + parseInt(times))
		})
	</script>
<!--不登陆不能使用-->
	<script type="text/javascript">
		$(".icon-right").click(function (){
			alert("请先登录")  ;
			var load = window.location.href;
			window.location=load.replace("no_sign.html",sign.jsp);
		})
	</script>
</body>

</html>